*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{font-family:"微软雅黑","黑体","宋体";}
a {	text-decoration: none;	color: #333;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
table{direction:none;}
img{border:0px;}
li,ol, ul {list-style:none;}
@font-face {font-family: 'plantc';src: url('../fonts/impact.ttf');}
.w1200{ width:1300px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}
/*--头部--*/
.hbg{width:100%; min-width:1300px;height: 104px;position: absolute;top: 0;z-index: 999;text-align: center; border-bottom:1px solid #676666;}
#logo{margin: 1.5% 0 0 5%;position: absolute; width:20%;}
#logo img{width:100%;}
#nav{width: 50%;height: 100%;margin: 0 -10% 0 0;display: inline-block;}
#nav>ul{width:100%;}
#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}
#nav>ul>li{width:11.2%;text-align:center;float:left;padding: 0 1.5%; margin-top:30px;}
#nav .on{ border-bottom:2px solid #eab503;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:56px;padding: 0 2%;color: #eae9e9; font-size:16px; }
#nav>ul>li a:hover{}
#nav>ul>li a.act, #nav>ul>li a:hover{color: #fff;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:5px;z-index:-1;background:#eab503;opacity:0;transition:all .3s;}
#nav>ul>li>a:hover::after{content:'';opacity:1;width:100%;}
#nav>ul>li>a.act:after{width:100%;opacity:1; background:#106e32;}
#nav ul ul{display:none;width:100%;top:104px;position:absolute;left:10%;color:#fff;z-index: 9999; height:auto;}
#nav ul ul li{float:left;margin:0;width:10%;}
#nav>ul>li ul li a{padding:2%!important;background:#fff;}
#nav>ul>li ul li a span{display:block;}
#nav>ul>li ul li a img{width:100%;display:block;}
#nav>ul>li ul li a p{line-height:30px;font-size: 14px; color:#000;}
#nav>ul>li ul li a:hover{background:#e8b502;}
.ttel{position: absolute;right: 5%;margin-top: 30px;top: 0;}/*banner*/
.focus {width:100%; min-width:1300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.focus .hd {
  width: 100%;
  height: 20px;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  text-align: center;
  display: none;

}

.focus .hd ul {
  display: inline-block;
  height: 25px;
  padding: 3px 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 0;
  vertical-align: top;
}

.focus .hd ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 15px;
  vertical-align: top;
  overflow: hidden;
  border: 2px solid #fff;
  text-indent: 20em;
}

.focus .hd ul .on {
  background: #fff;
}

.focus .bd {
  position: relative;
  z-index: 0;
}
.focus .bd li .oi-first-screen-video{width: 100%;position: relative;}
.focus .bd li .oi-first-screen-video video{position: absolute;left: 0;bottom: -60px;z-index: 100;width: 100%; }
.focus .bd li .oi-first-screen-video 
.banner_1{z-index: 200;position: relative;  }

.focus .bd li img {
  width: 100%;
  background: url(imagess/loading.gif) center center no-repeat;

}
@-webkit-keyframes floa {
 from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}

.focus .bd li a {
  -webkit-tap-highlight-color: transparent;
}

.focus .prev {
  position: absolute;
  top: 50%;
  z-index: 999;
  left: 6%;
}

.focus .next {
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 6%;
}

@media screen and (max-width: 992px) {
  .focus .prev, .focus .next, .focus .hd {
    display: none;
  }
}


/*index*/
.number_rel{height:150px;position:relative; margin-bottom:10px;}
.number_box{position:absolute;left:0;top:-46px;width:100%;background:#fff;box-shadow:0 0 15px #ddd;height:150px;z-index:9;}
.number_box ul{padding:20px 0;}
.number_box li{width:325px;color:#797878;float:left; text-align:center; font-size:16px;}
.number_box li div{display:inline-block;position:relative;padding:0 20px;}
.number_box li span{line-height:80px;font-size:60px;color:#333;}
.number_box li i{position:absolute;top:0;right:0;line-height:30px; font-style:normal;}

/*关于我们*/
.about_bg{width:100%; min-width:1300px;background:url(../images/about_bg.jpg) no-repeat center bottom;padding-bottom:50px;}
.amore {color:#333;}
.about_pic{width:610px;height:485px;margin-right:20px;position:relative;}
.about_pic img{z-index:99999;position:relative;}
.about_con{width:646px;}
.about_more a{display:inline-block;width:42px;height:42px;line-height:42px;background:#eab604;margin:20px 0;font-size:24px;text-align:center;}
.about_tit{font-size:36px;color:#333;}
.about_text{line-height:45px;height:232px;overflow:hidden;font-size:16px;color:#666;margin:20px 0;}
.about_letter{font-size:64px;line-height:72px; float:right; margin-top:-70px; padding-right:60px; color:#333;}
.about_letter2{position:absolute;right:140px;bottom:0;font-size:64px;line-height:72px; text-align:justify;}

/*产品展示*/
.cpbox{width:100%; min-width:1300px;padding: 30px 0px 50px;background: url(../images/cpbg.jpg) top center no-repeat; margin-top:30px;}
.index_xm_pro{text-align:center;width:460px; border-bottom:2px #555659 solid; margin:0 auto 55px; padding-bottom:25px; position:relative;}
.index_xm_pro:after{ content:''; position:absolute; left:43%; height:5px; background:#ffc71c; bottom:-4px; width:130px; transition:all 0.4s;margin-left:-25px;}
.index_xm_pro span{  text-align:center;}
.index_xm_pro span:nth-child(1){ font-size:34px; color:#FFF; text-align:center; font-weight:bold; padding-right:5px;}
.index_xm_pro span:nth-child(2){ color:#999; font-size:18px;}
.index_xm_pro:hover:after{ width: 300px;margin-left:-120px;}

/*产品标题*/
.pro_a a{ display:block; width:158px; display:inline-block; background:#c9c9c9; height:40px; line-height:40px; margin:0 2px;font-size:17px; color:#464646;transition:all 0.4s;font-weight: lighter;margin-bottom: 5px;}
.pro_a a:nth-last-of-type(1){  margin-right:0;}
.pro_a a i{ background:url(../images/dot.png) no-repeat left center; width:9px; height:10px; display:block; margin:15px 10px; float:left;transition:all 0.2s}
.pro_a a:hover{ background:#ffc71c;}
.pro_a a:hover i{ background:url(../images/dot.png) no-repeat -13px center;}
.index_img{margin-top: -283px;margin-bottom: 40px;}
.index_bigimg{width: 100%;height: 540px;/* overflow: hidden; */}

.ca-bt a:hover{ color:#ff7e00;}
#demokk{overflow:hidden;width:100%; margin-top:30px;}
#demokk .demowrap{overflow: hidden;width: 30000px; margin-top: 10px;}
#marquePic3 { float: left; height: 710px;width: 2081px;overflow: hidden;}
#marquePic4 {float: left;height: 710px;width: 2081px;overflow: hidden;}
#demokk .demowrap li{float:left;margin:1px 1px 1px 1px;display:inline;width:413px; margin-right:2px; height:356px; background:#fff;}
#demokk .demowrap li a{display:block;width:413px;height:306px;overflow:hidden;position:relative;}
#demokk .demowrap li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all .5s;}
#demokk .demowrap li .project_info{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#demokk .demowrap li a:hover .project_info{background:rgba(0,0,0,.7);transition:all .5s;}
#demokk .demowrap li .project_info div{position:relative;top:50%;margin-top:-15px;}
#demokk .demowrap li .project_info p.title{margin-top:10px;color:rgba(0,0,0,0);font-size:20px;transition:all ease-out .3s;}
#demokk .demowrap li .project_info p{text-align:center;color:#fff;padding:0 20px;}
#demokk .demowrap li .project_info p.subtitle{margin-top:16px;color:rgba(0,0,0,0);font-size:12px;transition:all ease-out .3s;}
#demokk .demowrap li a:hover .project_info p.title{color:#fff;font-weight: bold;}
#demokk .demowrap li a:hover .project_info p.subtitle{margin-top:0px;color:#fff;font-size:12px;}

#demokk1{overflow:hidden;width:100%; margin-top:30px;}
#demokk1 .demowrap{overflow:hidden;width:30000px;margin-top: 10px;}
#demokk1 .demowrap li{float:left;margin:0 1px 1px 0;display:inline;width:400px; margin-right:15px; height:355px; background:#000;}
#demokk1 .demowrap li a{display:block;width:400px;height:305px;overflow:hidden;position:relative;}
#demokk1 .demowrap li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all .5s;}
#demokk1 .demowrap li .project_info{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#demokk1 .demowrap li a:hover .project_info{background:rgba(0,0,0,.7);transition:all .5s;}
#demokk1 .demowrap li .project_info div{position:relative;top:50%;margin-top:-15px;}
#demokk1 .demowrap li .project_info p.title{margin-top:10px;color:rgba(0,0,0,0);font-size:20px;transition:all ease-out .3s;}
#demokk1 .demowrap li .project_info p{text-align:center;color:#fff;padding:0 20px;}
#demokk1 .demowrap li .project_info p.subtitle{margin-top:16px;color:rgba(0,0,0,0);font-size:12px;transition:all ease-out .3s;}
#demokk1 .demowrap li a:hover .project_info p.title{color:#fff;font-weight: bold;}
#demokk .demowrap li a:hover .project_info p.subtitle{margin-top:0px;color:#fff;font-size:12px;}

/*首页优势*/
.index_youshi_all{width:100%; min-width:1300px; background:url(../img/index_youshi_bj.jpg) no-repeat top center; padding:60px 0 20px; height:auto; overflow:hidden;}
.youshi_title{text-align: center; margin:0 auto;}
.youshi_title p:nth-child(1){ width:400px; display:block; float:left;}
.youshi_title p:nth-child(1) span,.youshi_title p:nth-child(2) span{ display:block;}
.youshi_title p:nth-child(1) span:nth-child(1){ font-size:45px; font-weight:bold; color:#000; letter-spacing:4px;}
.youshi_title p:nth-child(1) span:nth-child(2){ font-size:12px; text-transform:uppercase;color:#000;}
.youshi_title p:nth-child(2) { display:block; float:left; border:1px #000 solid; padding:5px;color:#000; margin-top:8px;}
.youshi_title p:nth-child(2) span:nth-child(1){ font-size:29px;} 
.youshi_title p:nth-child(2) span:nth-child(2){ font-size:13px; text-transform:uppercase;}
.youshi_all_content{ padding:30px 0; background:#FFF; height:auto; overflow:hidden;}
.youshi_all_content a{ display:block; padding:20px; width:600px; margin-bottom:30px; position:relative; overflow:hidden;border: 1px solid #eaeaea; height:406px;}
.youshi_all_content a:nth-child(2n+1){ float:left;}
.youshi_all_content a:nth-child(2n){ float:right;}
.youshi_all_content a img{ margin-bottom:30px;}
.ys_title b{ display:block; float:left; background:#2a2b30; height:88px; width:88px; line-height:88px; font-size:28px; margin-right:15px; text-align:center; color:#FFF;transition:all 0.4s; font-family:Arial, Helvetica, sans-serif;}
.ys_title div{ height:48px; line-height:28px; padding:20px 0;}
.ys_title div span{ display:block;}
.ys_title div span:nth-child(1){ font-size:36px; font-weight:bold;}
.ys_title div span:nth-child(2){ font-size:16px; text-transform:uppercase; line-height:2.6;} 
.youshi_all_content a ul{ margin-top:16px;}
.youshi_all_content a li{ font-size:17px; color:#616161; height:30px; line-height:30px;font-weight: lighter;}
.youshi_all_content a li i{ display:block; float:left; background:url(../img/dot1.png) no-repeat left center; width:9px; height:9px; margin-top:10px; margin-right:10px; transition:all 0.4s;}
.youshi_all_content a:hover li i{background:url(../img/dot1.png) no-repeat -11px center;}
.youshi_all_content a:hover .ys_title b{ background:#ffc71c;}
.youshi_all_content a:hover{ color:#000;-moz-box-shadow:1px 2px 20px #ececec; -webkit-box-shadow:1px 2px 20px #ececec; box-shadow:1px 2px 20px #ececec;}
.youshi_all_content a:after{ content:''; position:absolute; transition:all 0.4s; left:35%; width:0;}
.youshi_all_content a:hover:after{ height:1px; width:100%; background:#e6e6e6; left:0px; bottom:0px;}
.youshi_all_content a img{ width:570px;  transition:all 0.4s;}
.youshi_all_content a:hover img{transform:scale(1.1,1.1)}
.youshi_all_content a .ys_img{width:610px; overflow:hidden;}

/*案例效果*/
.albox{width:100%; min-width:1300px; min-width:1300px; background:url(../images/albg.jpg) no-repeat center center; height:720px; margin:20px 0 50px;}
.syzs{ }
#focus_Box{position:relative;width:1160px;height:420px;margin:0 auto;}
#focus_Box ul{position:relative;width:1160px;height:300px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:0px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:74;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat; left:-60px; top:230px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-60px; top:230px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}


/*首页新闻*/
.index_xm_pro2{text-align:center;width:510px; border-bottom:1px #ececec solid; margin:0 auto 55px; padding-bottom:25px; position:relative;}
.index_xm_pro2:after{content:''; position:absolute; left:43%; height:5px; background:#ffc71c; bottom:-3px; width:130px; transition:all 0.4s;margin-left:-25px;}
.index_xm_pro2 span{  text-align:center;}
.index_xm_pro2 span:nth-child(1){ font-size:34px; color:#282828; text-align:center; font-weight:bold; padding-right:5px;}
.index_xm_pro2 span:nth-child(2){ color:#999; font-size:18px; text-transform:uppercase}
.index_xm_pro2:hover:after{ width:250px;margin-left: -90px;}

#hot_news{width: 1300px;margin:30px auto;}
#hot_news .hot_img{width: 555px;height: 442px;float: left;overflow: hidden;}
#hot_news .hot_img li{width: 555px;height: 442px;}
#hot_news .hot_img li img{width: 555px;height: 442px;}
#hot_news .hot_ul{width: 674px;height: 442px;float: right;padding-left: 30px;position: relative;}
#hot_news .hot_ul:after{width: 1px;background:#b9b9b9;height: 100%;content: '';position: absolute;left: 0;top:0;}
#hot_news .hot_ul li{width: 634px;height: 110px;padding:15px 20px;margin-bottom: 10px; position: relative;transition: all .4s;}
#hot_news .hot_ul li:after{background: url(../images/news_icon.png) no-repeat;content: '';width: 22px;height: 22px;position: absolute;left: -38px;top:30px;transition: all .4s;z-index: 2;}
#hot_news .hot_ul li:hover:after{background: url(../images/news_icon_hover.png) no-repeat;}
#hot_news .hot_ul li:hover{background: #2a2b30;}
#hot_news .hot_ul li.on:after{background: url(../images/news_icon_hover.png) no-repeat;}
#hot_news .hot_ul li.on{background: #2a2b30;}
#hot_news .hot_ul li.on .n_t{color:#ffc71c;}
#hot_news .hot_ul li.on .n_d{color:rgba(255,255,255,.8);}
#hot_news .hot_ul li.on .n_i{color:#fff;}
#hot_news .hot_ul li .n_t{height: 30px;line-height: 30px;color:#666666;font-size: 16px;overflow: hidden;}
#hot_news .hot_ul li .n_d{height: 20px;line-height: 20px;color:#999999;font-size: 12px;}
#hot_news .hot_ul li .n_i{line-height: 24px;color:#666666;font-size:14px;font-weight: lighter;margin-top: 5px;}

.news_item{width: 1400px;margin:0 auto;}
.news_item li{padding:35px;height: 130px;background: #fff;margin-bottom: 20px;position: relative;transition: all .4s;border-bottom: solid 1px #eae6e6;}
.news_item li:hover{-moz-box-shadow:0px 1px 5px #666666; -webkit-box-shadow:0px 1px 5px #666666; box-shadow:0px 1px 5px #666666;}
.news_item li:after{width: 0;height: 3px;background: #ffc71c;content: "";position: absolute;right: 50%;bottom:-1px;transition: all .5s;}
.news_item li:before{width: 0;height: 3px;background: #ffc71c;content: "";position: absolute;left: 50%;bottom:-1px;transition: all .5s;}
.news_item li:hover:after{width: 50%;}
.news_item li:hover:before{width: 50%;}
.news_item li .news_item_time{width: 100px;height: 100px;padding:10px; background: #ffc71c; text-align: center;float: right;}
.news_item li .news_item_time p{line-height: 30px;color: #030304;font-size: 14px;padding-top: 20px;}
.news_item li .news_item_time p span{font-size: 60px;}
.news_item li .news_item_detail{width: 960px;height: 130px;float: left;margin-left: 40px;}
.news_item li .news_item_detail h1{color: #222121;font-size: 18px;font-weight: normal;}
.news_item li .news_item_detail h2{color: #6b6a6a;height: 30px;margin-top: 5px;padding-bottom: 5px;font-weight: normal; line-height: 30px; font-size: 14px;border-bottom: dashed 1px #eeeeee;}
.news_item li .news_item_detail h2 i{padding-right: 5px;}
.news_item li .news_item_detail p{color: #6b6a6a;font-size: 14px;line-height: 28px;padding-top: 5px;}
.news_item li .news_item_pic{width: 173px;height: 130px;float: left;overflow: hidden;}
.news_item li .news_item_pic img{ width:173px; height: 130px; transition:0.5s;}
.news_item li:hover .news_item_pic img{transform:scale(1.05,1.05);}

/*底部*/
.footer{width:100%; min-width:1300px;height:380px; background:url(../images/footerbg.jpg) center top no-repeat; margin-top:80px;}
.dbdh{width: 100%;height: 70px;/*box-shadow: 0 0px 15px #444;*/margin-top: 45px; border-bottom:1px solid #525252;}
.dbdh ul li{float: left;width: 180px;text-align: center;line-height: 70px;background: url(../images/xianb.jpg) right center no-repeat;}
.dbdh ul li a{font-size: 16px;color: #fff;}
.dbdh ul li:hover a{font-weight: bold;}
.dlogo{width: 240px;margin-top: 90px;}
.dtel{width: 340px;margin-top: 50px;margin-left: 20px;}
.dtel span{display: block;color: #b5b1b1;font-size:16px; font-weight:bold; line-height:3;}
.dtel span a{font-size: 30px;font-family: "Impact";color: #fff;display: block;}
.dtel p{font-size: 15px;color: #f0f0f0;line-height: 26px;}
.ewm{width: 190px;margin-top: 60px;}
.map{width: 410px;height: 190px;margin-top: 40px;}
.copy{width:100%; min-width:1300px;height: 55px;background: #000;text-align: center;font-size: 14px;color: #fff;line-height: 55px;}
.copy a{color: #fff;}
.bq{font-size: 15px; background: rgba(0,0,0,1); text-align:center; color: #fff; line-height:50px;}
.bq a{margin: 0;color: #fff;}
.bq img{ vertical-align:middle;}